        .demo-box {
            border: 5px #FF0000 solid;
            margin: 5px;
        }
        
        .container {
            display: flex;
            display: -webkit-flex;
            /* justify-content: flex-start | flex-end | center | space-between | space-around;    */
            /* flex-direction:column|column-reverse|row|row-reverse;    */
            flex-wrap: wrap;
            align-items: flex-start;
        }
        
        .left {
            flex: 0 0 30%;
            /* order: <integer>;   */
            /* flex-grow: <number>;  default 0    */
            /* flex-shrink: <number>;    default 1    */
            /* flex-basis: <length> | auto;    default auto    */
            /* align-self: auto | flex-start | flex-end | center | baseline | stretch;    */
        }
        
        .left * {
            text-align: left;
        }
        
        .remain {
            flex: auto;
        }
        
        .remain div {
            text-align: left;
        }